body{  font-size: 16px;   }
.inner{width: 80%; margin: 0 auto;}

header{   height: 90px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 0 5vw 0 10vw; position: fixed; width: 100%; z-index: 100; background-color: #fff;
 left: 0; top: 0;}

nav{ width: 40vw; font-size: 16px;}
nav li a{ line-height: 90px;}
nav li{ position: relative;}nav li.on a{ color: #005bac;}
nav li::after{ position: absolute; width: 4px; height: 4px; transform: translateY(20px)  ; opacity: 0; transition: all .36s; border-radius: 50%; display: block; content: '';
     background-color: rgba(0, 91, 172, 1); bottom: 15px; left: 50%; margin-left: -2px; z-index: 1; -webkit-transform: translateY(20px)  ; -moz-transform: translateY(20px)  ; -ms-transform: translateY(20px)  ; -o-transform: translateY(20px)  ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
nav li:hover a{ color: #005bac;}
nav li.on::after,nav li:hover:after{ opacity: 1; transform: translateY(0)  ; -webkit-transform: translateY(0)  ; -moz-transform: translateY(0)  ; -ms-transform: translateY(0)  ; -o-transform: translateY(0)  ; }
nav li a{ position: relative; z-index: 10;}

 
.menuBtn {padding:15px 10px; width:60px; height: 60px;   align-items: flex-end; z-index: 6; display: none;}
.menuBtn .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.menuBtn .burger:first-child{ animation: long 2s linear infinite;  }
.menuBtn .burger:nth-of-type(2){  width: 50%;}
.menuBtn .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.menuBtn.close{align-items: center; justify-content: center;}
.menuBtn.close .burger:first-child{ display: none;}
.menuBtn.close .burger:nth-of-type(3){ display: none;}
.menuBtn.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.menuBtn.close .burger:nth-of-type(2):before, .menuBtn.close .burger:nth-of-type(2):after {      content: '';          position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.menuBtn.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.menuBtn.close .burger:nth-of-type(2):before, .menuBtn.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.menuBtn.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .menuBtn.close .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.banner{ width: 100%; height:100vh;  }
.banImg{ width: 100%; height: 100vh; object-fit: cover;} 

.svg-swiper-pagination {position: absolute;z-index: 1;display: flex;flex-wrap: wrap; padding-left: 10vw;}
.svg-swiper-pagination::after{ display: block; width: 100%; height: 1px; background-color: #fff; content: '' ; left: 0; position: absolute; bottom:65px;  opacity: 0.2;    }

.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; margin: 0 15px !important; bottom: 60px; position: relative;}
.svg-swiper-pagination .swiper-pagination-bullet:after {content: "";position: absolute;left: 50%;top: 50%;z-index: 0;width: 10px;height: 10px;background-color: transparent; border: 1px solid #fff;border-radius: 50%;margin: -6px 0 0 -6px;transition: opacity .3s}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background-color: #fff;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg {width: 30px;height: 30px; position: absolute; top: -9px; left: -9px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block}
.svg-swiper-pagination .circle1 { stroke: transparent}
.svg-swiper-pagination .circle2 { stroke: #fff; stroke-dasharray: 0 339}

.ptb-70{ padding: 70px 0;}
.image{
    background-image: url(../images/bg1.jpg);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 1s ;
    background-repeat: no-repeat;
    background-position: 30% 135%;
    mask: url(../images/about_mask.png);
    -webkit-mask: url(../images/about_mask.png);
    mask-size: cover;
    -webkit-mask-size: cover;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    /* animation: overlayAnimation 15s infinite linear reverse;
    -webkit-animation: overlayAnimation 15s infinite linear reverse; */
}
/* @keyframes overlayAnimation { 
    0% {  background-position:0% 50%}
    50% {background-position:100% 50%; }
    100% { background-position:0% -50%}
} */
.image:hover{ background-position: 50% 125%;}  
.videoPlay{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;  
    border-radius: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}.videoPlay img{ position: relative; z-index: 10;}
.videoPlay::before{ transition: all .36s; transform: scale(0); width: 120%; height: 120%; position: absolute; z-index: 1; top: -10%; left: -10%; background: rgba(0, 0, 0, 0.5); display: block; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0);
} 
.indAbout .img:hover .videoPlay::before{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}
 .indAbout .bottom{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
 .indAbout .bottom li{ width: 25%; padding: 0 25px; position: relative;}
 .indAbout .bottom li .number{  display: flex; align-items: flex-start; line-height: 1;}  
 .indAbout .bottom li::after{ width: 1px ; height: 40%; display: block; content: ''; background-color: #e5e5e5; position: absolute; right: 0; top: 30%;}
 
 .pb-100{ padding-bottom: 100px;}
 .indPro{ position: relative;    overflow: hidden;  
   }
 .indPro::before{ width: 30%;  height: 100%; background: rgba(255, 255, 255, .24); display: block; content: ''; position: absolute; top: 0; right: 0; }
 .waves {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  #wonder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    
  }
 
.large-header {
  
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  
}
  .indPro  .con{ position: relative; z-index: 10; padding-left: 10vw;}
  /* .indPro .title { position: absolute; top: 70px;} */
  .indPro .title .ENG{ font-size: 140px; opacity: 0.1; line-height: 1;}
  .indPro .title .f40{ position: absolute; left: 0; top: 20%;  }
  .indPro .title  .line{ width: 40px; height: 3px;}

.proText { width: 25%;}
.proRight{ width:75%;}




  /* .indPro  .swiper-slide { padding: 250px 0 70px;  height: auto; } */
  .indPro  .swiper-slide{ padding-bottom: 25px;}
  .indPro  .swiper-slide  .img{  width: 29vw; height: 29vw;
     border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; }
     .indPro .swiper-slide .img img{ width: 70%;}
     .indPro  .swiper-slide  .none{  display: none;}
     .indPro  .swiper-slide  .img{ background: rgba(255, 255, 255, .32);}
  .indPro  .swiper-slide  .right{ transform:scale(0.6) ;  transition: all .6s; -webkit-transform:scale(0.6) ; -moz-transform:scale(0.6) ; -ms-transform:scale(0.6) ; -o-transform:scale(0.6) ; }
  .indPro  .swiper-slide .tit{ opacity: .4;}
  .indPro  .swiper-slide.swiper-slide-active .tit{ opacity:1;}
  .indPro  .swiper-slide.swiper-slide-active .right{ transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  .indPro  .swiper-slide.swiper-slide-active .txt{ width: calc(100% - 37vw); }
  .indPro  .swiper-slide.swiper-slide-active  .img{ background-color: #fff;}
  .indPro  .swiper-slide.swiper-slide-active .none{display: inline-block;}
  .indPro  .swiper-slide.swiper-slide-active .right{  width: 37vw;}
  /* .indPro  .swiper-slide.swiper-slide-active{ width: 64%;}
   */
   /* .indPro  .swiper-slide.swiper-slide-next::before{  width: 100%; height: 100%; background: rgba(255, 255, 255, .24); display: block; content: ''; position: absolute; top: 0; left: 0; }  */
   .indPro .swiper-slide .more {  display: none; }
   .indPro .swiper-slide.swiper-slide-active .more {  display: flex; }
   .indPro .more::before{ transition: all .36s; display: block; content: ''; z-index: 1; width: 38px; height: 38px; background-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
   .indPro .more .iconfont{ font-size: 30px; color: #005bac;}
   .indPro .more span{ position: relative; z-index: 5;}
   .indPro .more:hover span{ color: #005bac !important;}
   .indPro .more:hover::before{ width: 120%; left: -10px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
   .indPro .next{ position: absolute; right: calc( 45% - 30px); top: 50%; z-index: 10; width: 30px; height: 98px; 
     transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  
 background: url(../images/bg2.png) no-repeat center right;}
     .indPro .next span{ font-size: 30px;}

.indTec{ background: url(../images/bg3.png) no-repeat center top; background-size: 100% auto;  } 
 
.indTec li{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.indTec li img{ z-index: 1; position: relative;}
.indTec li .img::after{   position: absolute; bottom: 0; left: 0; display: block;
   content: ''; background-image: linear-gradient( to top, rgba(0,0,0,0.5),transparent); z-index: 3; width: 100%; 
  height: 100%;  
}
.indTec li .txt{ position: absolute; bottom: 0; z-index: 5; width: 100%; height: 80%; justify-content: flex-end;}
.indTec li .txt .icon{ border-radius:50%; background-color: #fff ; width: 100px; height: 100px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius: 50$ ; }
 .indTec li .txt .icon img{  height: 38%; }  
/*  .indTec li .txt .icon img:nth-child(2){ display: none; animation: TopFloat .6s; -webkit-animation: TopFloat .6s; }
.indTec li .txt .icon span{ width: 38%; height: 38px;   background-image: url(../images/TecIco1.png); background-repeat: no-repeat; background-position: top left;
  background-size: 100%  auto; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
 */
 .indTec li:hover .txt { height: 100%; justify-content: center }
 /* .indTec li:hover .txt img:nth-child(2){ display: block;}
 .indTec li:hover .txt img:nth-child(1){ display: none;} */
.indTec li .txt .icon::before{ width: 130%; height: 130%;
   position: absolute; left: -15%; top: -15%;
    border: 1px dashed #fff; display: block; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
/* .indTec li:nth-child(1),.indTec .swiper-slide:nth-child(3){ margin-top: 50px;} */


.indTec li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.indTec li:hover .img>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.indTec li:hover .img{   box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  }
.indTec li:hover .img::after{ background-image: linear-gradient( to top, rgba(0,0,0,0.5),rgba(0,0,0,0.5));}
.indTec li:hover  .txt .icon{ background-color: #005bac;}
 .indTec li:hover  .txt .icon img{filter: grayscale(100%) brightness(500%);}  
.indTec li:hover  .txt .icon::before{ animation: rotate 20s 0s infinite linear; -webkit-animation: rotate 20s 0s infinite linear; }

.indNews{ background: url(../images/bg4.png) no-repeat left top; background-size: 100% auto; }
.indNews .left .img .newsimg{ width: 100%; height: 565px; object-fit: cover;}
.indNews .left .img .txt{ justify-content: flex-end; width: 100%; height: 100%; position: absolute;  bottom: 0 ; left: 0; background: rgba(0, 0, 0, 0.3);}
.indNews .left .img .txt .line{ width: 100%; height: 1px; background-color: rgba(255, 255, 255, .24);}
.indNews .left .img .txt .line::after{ width: 0; height: 100%; background-color: #fff; transition:all .3s ; display: block; content: '';
   -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.indNews .left .img:hover .txt .line::after{ width: 100%;}
.indNews .left .img:hover  .newsimg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.indNews .left .img:hover { box-shadow:  0 0 10px rgba(0, 91, 172, 0.4);}
.indNews .right .img img{ width: 265px; height: 163px; object-fit: cover;}
.indNews .right .txt{ width: calc(100% - 280px);}
.indNews .right  .txt .line{ width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.2);}
.indNews .right  .txt .line::after{ width: 0; height: 100%; background-color: #005bac; transition:all .3s ; display: block; content: '';
   -webkit-transition:all 1s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.indNews .right li:hover .txt .line::after{ width: 100%;}
.indNews .right li:hover{   color: #005bac; }
.indNews .right li:hover .img{  box-shadow:  0 0 10px rgba(0, 91, 172, 0.4); }
.indNews .right li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

footer{ background-color: #161616; color: #fff;}

.select{ border: 1px solid rgba(255, 255, 255, 0.2); color:rgba(255, 255, 255, 0.6);  width: 312px; padding: 15px;}
.null-txt {color:rgba(255, 255, 255, 0.6); width: 100%; background-color: #161616;}
.select::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 25px;
    width: 0;
    height: 0;
    border-top: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    opacity: .6;
}
footer .center{ border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1);}
footer .center dt{ margin-bottom: 15px;}
 
footer .center dd a{ font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 2.4;}
footer .center dd a:hover{ color: #fff;}
footer .center dl.promune>div  {display: grid; grid-gap:0 18px; grid-template-columns: repeat(2,1fr); }
footer .bottom a:hover{ color: rgba(255, 255, 255, 0.6);}
 
  /* .App::before{ position: absolute; right: 0; top: -385px; background: url(../images/apptop.png) no-repeat center top; background-size: 100% 100%; display:block; content: '';
 width: 125px; height: 522px; z-index: 10;}
 .App::after{ position: absolute; left: 0; bottom: -380px; background: url(../images/appbot.png) no-repeat center top; background-size: 100% 100%; display:block; content: '';
  width: 125px; height: 522px; z-index: 10;}   */
.workApp::before{top:-315px ;}
  

.page-aside {
	position: fixed;
	right: -6px;
	bottom: 180px;
	transform: translateX(100%);
	z-index: 90;
	opacity: 0;
	transition: transform .3s, opacity .3s
}

.page-aside.show {
	transform: translateX(0);
	opacity: 1
}

.page-aside .img {
	max-width: 100%
}

.page-aside-item {
	width: 54px;
	text-align: center;
	height: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	background-color: rgba(0, 0, 0, .5);
	margin: 4px 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-right: 6px;
	transition: transform .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-aside-item .icon {
	width: 24px
}

#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; display: none;}
#toolbar a {
    width: 25%;
   padding: 10px 0;
    text-align: center;
   color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
#toolbar img{ height: 20px; margin-bottom:5px;}


.video-box {
  position: relative;
  height: 100vh;
  background-color: #C1CFF7;
  /*进行视频裁剪*/
  overflow: hidden;
}

.video-box .video-background {
  position: absolute;
  left: 50%;
  top: 50%;
  /*保证视频内容始终居中*/
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 500px;
}
.layer{position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(19, 60, 154, .2);}
 
 
.try-btn { width: 100px; height: 100px; background: url(../images/bainyuancion1.png) no-repeat center center; background-size: 100% 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
/* .try-btn:hover{ background: #005bac;} */
.try-btn::after{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '' ;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #005bac;
  transform: scale(0);
  transition:all .5s ;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transition:all .5s ;
  -moz-transition:all .5s ;
  -ms-transition:all .5s ;
  -o-transition:all .5s ;
}
.try-btn img{ position: relative; z-index: 5;}
.try-btn:hover::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.try-btn i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #fff; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.try-btn i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #fff; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.try-btn:hover  i:before { animation: serv_one_border .9s 0s ease 1; -webkit-animation: serv_one_border .9s 0s ease 1; }
.try-btn:hover  i:after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }

.layer .bottom{ bottom: 10vh; position: absolute;}
.aboutOne .inner ,.aboutBot{ position: relative; z-index: 5;}
.aboutTop .left{ width: 30%;}
.aboutTop .right{ width: 60%;}
.aboutBot{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.aboutBot li{  width: 33.3%; border-right: 1px solid #e5e5e5; padding:100px 10px ; }

.aboutTwO  .bg5{ position: relative; z-index: 1;}
.aboutTwO .inner{ position: absolute !important; top: 0; z-index: 5; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.aboutTwO .item{ width:48%; padding: 0 25px; position: relative;}
.aboutTwO .item .number{  display: flex; align-items: flex-start; line-height: 1;}  
.aboutTwO .right .item:nth-child(-n+2){ margin-bottom: 120px;}

.history{ background-color: #f0f0f0;}
.history .years{ font-size: 340px;  line-height: 1; text-align: right; padding-top: 50px; }
#gallery-top .swiper-slide { overflow: hidden; padding-left: 2px;}
 
.history .bottom{ background: url(../images/bg6.png) repeat-x bottom 15px left; }
.history .bottom .swiper-slide { text-align: center; padding-bottom: 75px; font-weight: bold; cursor: pointer;}
.history .bottom .swiper-slide span{ position: relative;}
.history .bottom .swiper-slide span::before,.history .bottom .swiper-slide span::after{
   width: 12px;
   height: 14px;
   position: absolute;
   display: none;
   content: '';
   background: url(../images/bg7.png) no-repeat center center;
   background-size: 100% 100%;
   left: -20px;
   top: 50%;
   margin-top: -7px;
}
.history .bottom .swiper-slide span::after{ left: auto; right: -20px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.history .bottom .swiper-slide.swiper-slide-thumb-active span{ background-image: -webkit-linear-gradient(left, #005bac, #009a59);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.history .bottom .swiper-slide-thumb-active span::before,.history .bottom .swiper-slide-thumb-active span::after{ display: block;}
.history .bottom .swiper-slide-thumb-active::after{ width: 2px; height: 15px; background-color: #005bac; display: block; content: ''; position: absolute; bottom: 0;
left: 50%; margin-left: -1px;}
.tabtit { }
.tabtit li{ opacity: 0.6; font-weight: bold; position: relative; margin-left: 35px;  cursor: pointer;}.tabtit li.on{ opacity: 1;}.tabtit li.on:after{  position: absolute; bottom: -10px; left: 0; width: 100%; height: 3px;
background-color: #005bac; content: '' ; display: block;}
.honor .swiper-container .img{ background-color: #f7f7f7;  height: 445px;  }
.honor .swiper-container .img img{ max-height: 100%;}

.honor .con figure{ display: none;}
.honor .con figure.on{ display: block;}
.honorBtn{ justify-content: flex-end; position: relative;}
.honorBtn>div{ cursor: pointer; width: 70px; height: 70px; position: relative; border-radius: 50%; background-color: #f7f7f7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.honorBtn>div span{ font-size: 22px; color: #b4b4b4;} 
.honorBtn>div:hover{ background-color: #005bac; color: #fff !important;}
.circleH i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #005bac; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.circleH i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #005bac; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.circleH:hover i:before { animation: serv_one_border .9s 0s ease 1; -webkit-animation: serv_one_border .9s 0s ease 1; }
.circleH:hover i:after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }

.neiBan{ margin-top: 90px; height: calc(100% - 90vh); overflow: hidden;}
.neiBanImg{ width: 100%; height: 100%; object-fit: cover;  animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}

.neiBan .txt{  position: absolute; left: 10%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);   }
.neiBan .txt>div{ animation: topFloat 1.2s; -webkit-animation: topFloat 1.2s; }
.neiBan .line{ width: 55px; height: 4px; background-color: #5f5f5f;}
.neiBan .line.bg-white{ background-color: #fff;}


.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.flex-content-end{display: flex; justify-content: flex-end;}
.flex-start{display: flex; align-items: flex-start;}
.iflex{ display: inline-flex}
.block{  display: block;}

.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}


.proLeftUl{     width: 25%; padding-bottom: 20vh;}
.proRight{ width: 75%;}  
.proLeftUl{background: #f5f5f5;}

.muneUl li.on  { color: #005bac; }


/* background-color: #f5f5f5; */
.prolist li{ transition: all .36s; width: 48%; height: 530px; margin-bottom: 50px; background: url(../images/bg8.jpg) no-repeat bottom right #fff; background-size: 100% auto; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.prolist li::before{ width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; bottom: 0; left: 0; transition: all .5s; display: block; content: ''; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.prolist li a{ position: relative; z-index: 5;}
.f166{ font-size: 166px;}
.prolist li .proimg{ position: absolute; right: 40px; max-height: 300px; max-width: 60%; bottom: 12%; }
.prolist li a .more{ position: relative; width: 230px; height: 60px; border-radius: 6px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.hvr-float-shadow {
   
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.prolist li:hover .hvr-float-shadow  {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.prolist li:hover .hvr-float-shadow:before  {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


.prolist li a .f166{ position: absolute; left: 50px; bottom: 30px; color: rgba(0, 0, 0, .08);}
.prolist li:hover::before { height: 0;}
.prolist li:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.prolist li:hover .f166{ color: rgba(0, 91, 172, 0.1);}
.prolist li:hover  .more{ background-color: #005bac; color: #fff;}


.proInfoTop{ margin-top: 90px;   background-image: linear-gradient(to right,#e2e3e8,#eaebef);}
.proinfoCon .more a{ border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px;  white-space: nowrap;}
.proinfoCon .more a:first-child{ border: 1px solid #555;}
.proInfoLeft{  width: 60%;}
.proInfoRight{ width: 35%;}
.proInfoLeft .title{ height: 100px; line-height: 1 !important;}
.proInfoLeft .title span{ border-left: 3px solid #005bac;  }
.proInfoRight .title{   line-height: 100px;}
.rigthUl .img{ width: 41%;   height: 145px; }.rigthUl .img img{  max-width: 100%;  max-height: 100%; object-fit: cover;}
.rigthUl .txt{  width: 55%; padding: 20px 0;}

.caseUl li{ width: 19%; margin-right: 1.25%; border-radius: 20px 0  20px 0; overflow: hidden; -webkit-border-radius: 20px 0  20px 0; -moz-border-radius: 20px 0  20px 0; -ms-border-radius: 20px 0  20px 0; -o-border-radius: 20px 0  20px 0; }
.caseUl li:nth-child(5n){ margin-right: 0;}
.caseUl li .img { height: 114px;}
.caseUl li .img img{max-width: 95%; max-height: 95%;}
.caseUl li .txt{ height:60px; line-height: 60px;  border-top: 1px solid #e5e5e5;}.caseUl li .txt span{ position: relative;  z-index: 5;}
.caseUl li .txt::after{ width: 100%; height: 0; left: 0; bottom: 0; position: absolute; z-index: 1; background-color: #005bac; transition: all .36s; display: block;  content: '';
   -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.caseUl li:hover .txt::after{ height: 100%;}
.caseUl li:hover  { color: #fff; transform: translateY(-10px); box-shadow: 0 0 10px rgba(0, 91, 172, 0.1); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.newsClass{ justify-content: flex-end;}
.newsClass a{ border: 1px solid #dadada; margin-left: 50px; color: #888; padding: 15px 50px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.newsClass a img{ margin-right: 20px;filter: grayscale(100%);}
.newsClass a.on{ color: #005bac; border-color: #005bac;}
.newsClass a.on img{ filter: grayscale(0%); }

.newslist li{ border-bottom: 1px solid #ddd; position: relative;}
.newslist li::after{ width: 0; height: 4px; background-color: #005bac; display: block; position: absolute; content: ''; position: absolute; bottom: 0; left: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.newslist li .txt{ width: 53%;}
.newslist li .img{ width: 42%; height: 390px;}.newslist li .img img{ width: 100%;  height: 100%; object-fit: cover;}  
.newslist li:hover::after{ width: 100%;}
.newslist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newslist li:hover .more{ background-color: #005bac; color: #fff; padding: 10px 15px;}


.newsleft{ width: 66%;}
.newsright{ width: 27%;}
.newspage{ border-top: 1px solid #e5e5e5;  line-height: 3;}
.newspage a{   width: 48%; }  
.newspage a:hover{ color: #005bac;}
.tjTit{ border-left: 4px solid #005bac; padding-left: 30px;  line-height: 1;}
.newsright .img{ width: 37%; height: 115px;}.newsright .img img{ width: 100% ; height: 100%; object-fit: cover;}
.newsright .txt{ width: 60%; }
.newsright li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.location>a:hover{ color: #005bac;}
 
.workBan{  position: absolute; left: 0; top: 0; padding-bottom: 70px;}
.workBan li { width: 330px;}
.workBan li .yuan{ position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;  width: 130px; height: 130px; margin: 0 auto;}
.workBan li .yuan img{ width: 45%;}
.workBan ul li:hover .yuan img{  animation: jello 1.2s; -webkit-animation: jello 1.2s; }
.workBan ul li .yuan i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #0260b3; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.workBan ul li .yuan i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #0260b3; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.workBan ul li:hover .yuan  i:before { animation: serv_one_border .9s 0s ease 1; }
.workBan ul li:hover .yuan i:after { animation: serv_one_border 1.5s 0s ease 1;   }

.workCon{ margin-top: -70px;}

.workList li{ width: 49%; margin-right: 2%; border: 1px solid #e5e5e5;  }
.workList li:nth-child(2n){ margin-right: 0;}
.workList li img{ width: 185px; height: 185px; object-fit: cover; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.workList li .txt{ align-items: flex-start; width: calc(100% - 230px);}
.workList li .txt .more em{ position: relative;  z-index: 5;}
.workList li .txt .more{ border: 1px solid #e5e5e5; width: 40%; height: 50px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.workList li:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.workList li:hover  .more{ color: #fff;}
.workList li  .more::after{ background-color: #005bac; width: 0; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.workList li:hover .more::after{  width: 100%;}

.conTop>div{ width: 28%;}
.map{ width: 62%;}
.gbook{ width: 38%;}
.input{ border: 1px solid rgba(255, 255, 255, .32); margin-bottom: 20px; color: #fff;}
.gbook .submit{ width: 50%; height: 65px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px;
color: #fff; background: rgba(255, 255, 255, 0.1); margin-top: 20px; }
 /* input 的 placeholder*/
 .gbook input::-webkit-input-placeholder,.gbook  textarea::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.6);}
 .gbook  input:-moz-placeholder,.gbook  textarea:-moz-placeholder {color:rgba(255, 255, 255, 0.6);}
 .gbook input::-moz-placeholder,.gbook  textarea::-moz-placeholder {color:rgba(255, 255, 255, 0.6);}
 .gbook input:-ms-input-placeholder,.gbook  textarea:-ms-input-placeholder {color:rgba(255, 255, 255, 0.6);}

 /*弹窗*/
.g5liebiao{ width:100%; margin:0 -8px; margin-top:50px; }
.g5abt h2{ display:inline-block; color:#555555;  font-size:22px; width: 265px;  overflow: hidden; }
.g5listita a{ width:170px; height:45px; line-height: 45px; display:block; background:#fff; margin-top:20px; position:absolute; bottom:10px; left:15px; }
.g5listita a p{ color:#3c276e; padding-left: 35px; line-height: 45px; }
.g5listita a p::after{ position:absolute; content:""; width:7px; height:13px; background:url(../images/sanjiaoa.png) no-repeat center; right: 56px; top:50%; transform: translateY(-50%); background-size: cover; color:#3c276e; }
.g5tan{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index: 9999; display:none; }
.tancoiii{margin-top: 20px;padding: 0 0 15px; border-bottom: 1px solid #eeeeee;}


.tancoiii h4{ font-weight: bold; font-size: 18px;}
.tancoiii p{  color:#666666; font-size:14px; font-weight:lighter;  }

.tancon{ max-width:1200px; width: 65%; position:absolute;  padding:0 73px 0; background:#fff; top:50%; left:50%; transform: translate(-50%,-50%); box-sizing: border-box; }
.g5lianjie{ width:100%; height:52px;  margin-top:20px; margin-bottom: 20px; }
.g5lianjie p{ display:block; width:100%; height:100%;   color:#274fa1;  font-family: "微软雅黑"; font-weight: bold; font-size:16px; }

.tanright{ width:58px; height:58px; position:absolute; top: 10px;    right: 10px; cursor: pointer; }
.tanright img{ width:100%; }

.tancoiiiab{ color:#333333;  font-size:20px;  font-weight: bold; }
.tancoiii2{ color:#666666; font-size:14px; font-weight:lighter; line-height: 35px; }
.tancoiiiab .t1{display: inline-block; width: 24%; color: #666666; font-size: 14px;}
.tancoiiiab .t1 b{display: block; color: #333333; font-size: 18px; margin-top: 10px;}

.rc-popscroll{ max-height: 450px; overflow-y: scroll;  padding-right: 60px;margin-top: 30px;}
.rc-popscroll::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 5px;}
.rc-popscroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  background: #0469b3; width: 5px; }
.rc-popscroll::-webkit-scrollbar-track {/*滚动条里面轨道*/  background: #f2f5f9; width: 5px; }


.job-description .swiper-container {
    width: 100%;
    height: 300PX;}

.job-description .swiper-container .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}

.g5lianjie {}
.g5lianjie ul{ font-size: 16px; color: #000; font-weight:initial;}
.g5lianjie ul li{    line-height: 30px;}
.indAbout .bottom li:last-child:after{ display: none;}

 .whlist {
 	font-size: 0;
 	text-align: center;
 	display: flex;
 	flex-wrap: wrap;
 }
 
 .whlist li {
 	display: inline-block;
 	width: 18.8%;
 	position: relative;
 	margin-right: 1.5%;
 	border: 1px solid #ddd;
	overflow: hidden;
 }
 
 .whlist li:last-child {
 	margin-right: 0;
 }
 
 .whlist li:hover {
 	box-shadow: 1px 1px 10px 1px rgb(210, 210, 210);
 	border-radius: 10px;
 }
 
 .whlist li .lin {
 	border-radius: 10px;
 }
  .whlist li {
	  position: relative;
  }
 .whlist li a {
 	display: block;
 	/* border: 1px solid #ddd; */
 	border-radius: 10px;
 	overflow: hidden;
 	padding: 0px 30px 35px 30px;
 }
 
 .whlist li:hover a {
 	border-color: #005bac;
 }
 
 .whlist i {
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 0;
 	width: 100%;
 	height: 100%;
 	background-size: 20px 20px;
 	opacity: 0;
 	-webkit-transition: 0.6s;
 	transition: 0.6s;
 }
 
 .whlist i.bg1 {
 	background-image: linear-gradient(45deg, #005bac 50%, transparent 0);
 	-webkit-transform: translate(-20%, 0%);
 	transform: translate(-20%, 0%);
 }
 
 .whlist i.bg2 {
 	background-image: linear-gradient(45deg, transparent 50%, #005bac 0);
 	-webkit-transform: translate(20%, 0%);
 	transform: translate(20%, 0%);
 }
 
 .whlist li:hover i.bg1,
 .whlist li:hover i.bg2 {
 	-webkit-transform: translate(0, 0);
 	transform: translate(0, 0);
 	opacity: 1;
 }
 
 .whlist .tupian {
 	width: 100%;
 	height: 222px;
 	position: relative;
 	background: url('../images/zuan1.png') bottom no-repeat;
 	-webkit-transition: .5s;
 	transition: .5s;
 }
 
 .whlist li:hover .tupian {
 	background-image: url('../images/zuan11.png');
 }
 
 .whlist .hex {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	z-index: 1;
 	width: 114px;
 	height: 113px;
 	-webkit-transition: 2s;
 	transition: 2s;
 	background: url('../images/hex1.png') center no-repeat;
 	margin-left: -57px;
 	margin-top: -57px;
 }
 
 .whlist li:hover .hex {
 	background-image: url('../images/hex11.png');
 	-webkit-transform: rotate(330deg);
 	transform: rotate(330deg);
 }
 
 .whlist .pic {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	z-index: 2;
 	width: 80px;
 	height: 80px;
 	margin-left: -40px;
 	margin-top: -40px;
 }
 
 .whlist .pic .fig {
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 1;
 	width: 100%;
 	height: 100%;
 }
 
 .whlist .i1 .p1 .fig {
 	background: url('../images/wh1.png') center no-repeat;
 }
 
 .whlist .i1 .p2 .fig {
 	background: url('../images/wh11.png') center no-repeat;
 }
 
 .whlist .i2 .p1 .fig {
 	background: url('../images/wh2.png') center no-repeat;
 }
 
 .whlist .i2 .p2 .fig {
 	background: url('../images/wh22.png') center no-repeat;
 }
 
 .whlist .i3 .p1 .fig {
 	background: url('../images/wh3.png') center no-repeat;
 }
 
 .whlist .i3 .p2 .fig {
 	background: url('../images/wh33.png') center no-repeat;
 }
 
 .whlist .i4 .p1 .fig {
 	background: url('../images/wh4.png') center no-repeat;
 }
 
 .whlist .i4 .p2 .fig {
 	background: url('../images/wh44.png') center no-repeat;
 }
 
 .whlist .i5 .p1 .fig {
 	background: url('../images/wh5.png') center no-repeat;
 }
 
 .whlist .i5 .p2 .fig {
 	background: url('../images/wh55.png') center no-repeat;
 }
 
 .Culture {
 	background: url('../images/grey.jpg') center no-repeat;
 	padding-bottom: 120px;
 }
 
 .rollover {
 	-webkit-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 	position: relative;
 	overflow: visible !important;
 	-webkit-transition: 1s;
 	transition: 1s;
 }
 
 .rollover .p1,
 .rollover .p2 {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
 }
 
 .rollover .p2 {
 	-webkit-transform: rotateY(180deg);
 	transform: rotateY(180deg);
 }
 
 li:hover .rollover {
 	-webkit-transform: rotateY(180deg);
 	transform: rotateY(180deg);
 }
 .whlist li .wz {
 	position: relative;
 	z-index: 3;
 }
 
 .whlist li h3 {
 	font-size: 22px;
 	color:#005bac;
 	overflow: hidden;
 	-webkit-transition: .5s;
 	transition: .5s;
 	margin-bottom: 15PX;
 	MARGIN-TOP: 20PX;
 	min-height: auto;
 }
 
 .whlist li .hx {
 	font-size: 16px;
 	color: #808080;
 	font-family: MIN;
 	text-transform: uppercase;
 	font-weight: 600;
 	margin-top: 15px;
 	margin-bottom: 12px;
 	-webkit-transition: .5s;
 	transition: .5s;
 }
 
 .whlist li .txt {
 	font-size: 16px;
 	color: #666;
 	line-height: 30px;
 	/* height: 120px; */
 	max-width: 240px;
 	overflow: hidden;
 	margin: 0 auto;
 	padding: 0;
 	-webkit-transition: .5s;
 	transition: .5s;
 }
 
 .whlist li .txt span {
 	display: inline-block;
 }
 
 .whlist li:hover h3 {
 	color: #fff;
 }
 
 .whlist li:hover .txt {
 	color: #fff;
 }
 
 .whlist li:hover .hx {
 	color: #fff;
 }
 
 @media screen and (max-width: 1440px) {
 	.wenhua {
 		border-top-left-radius: 200px;
 	}
 }
 
 @media screen and (max-width: 1023px) {
 	.wenhua {
 		padding: 100px 0 140px;
 	}
 
 	.whlist li {
 		width: 100%;
 		margin-top: 12px;
 		margin-right: 0;
 	}
 
 	.whlist .tupian {
 		height: 160px;
 	}
 
 	.whlist li .wz {
 		margin-top: 0;
 	}
 
 	.whlist li .hx {
 		margin-top: 14px;
 	}
 }
 
 @media screen and (max-width: 750px) {
 	.wenhua {
 		padding: 80px 0 100px;
 		border-top-left-radius: 100px;
 	}
 }
 
 @media screen and (max-width: 640px) {
 	.whlist li h3 {
 		font-size: 16px;
 		line-height: 28px;
 		height: 30px;
 		margin-top: 8px;
 		margin-bottom: 0;
 	}
 
 	.whlist li .txt {
 		font-size: 12px;
 		line-height:20px;
 		height: auto;
 	}
	.whlist li a {
	    display: block;
	    /* border: 1px solid #ddd; */
	    border-radius: 10px;
	    overflow: hidden;
	    padding: 0px 30px 15px 30px;
	}
 }

 .proNav{ box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
 .proNav .inner{  display: flex;}
.proNav a{ flex: 1;line-height: 100px; text-align: center;  font-size: 18px; white-space: nowrap;}
.proNav a.on{ background:#005bac ; color: #fff;}
.proNav a:hover{ color: #005bac;}
.proNav a.on:hover{ color: #fff;}


@media screen and (max-width:1440px) {

	.proNav a{ line-height:90px;  }
 
     
}

@media screen and (max-width:1280px) { 

	.proNav a{  line-height:80px;    font-size: 16px;}

	 
}

@media screen and (max-width:1040px) {

	.proNav a{  line-height:70px;    font-size: 16px;}

	 
    
}
@media screen and (max-width:750px) {


	.proNav .inner{ width: 100%; padding: 0 ; overflow-x: scroll;}
	.proNav .inner::-webkit-scrollbar { height: 2px;}
	.proNav .inner::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.proNav .inner::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.proNav .inner a{ padding: 0 20px; line-height: 50px; font-size: 14px;}

	 
}